<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/newcss.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/newstyle.css">
    <!-- <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script> -->
    <script type="text/javascript">
        !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
    </script>
    <script src="js/vue.js" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="js/public.js"></script>
    <script type="text/javascript">
        _navData[2].active=true
    </script>
    <!-- <script src="js/share_config.js"></script> -->
    <title>会员中心</title>
</head>

<body style="background-color:#F3F2F0">
<div class="wrapper">
<!-- <div class="header">
    <ul>
        <li class="header_title_wrapper">会员中心</li>
        <li class="clear"></li>
    </ul> 
</div> -->
<div class="main mg_t0">
    <div class="session viper vipervue">
        <div class="rows user">
            <a class="cols2 user_head" href="./usersetting.html">
                <div class="info_head" :class="{'bgimg_hsize':info.imgsize}" :style="{'background-image':'url('+info.user_img+')'}"></div>
                <!-- <img :src="info.user_img" alt=""> -->
            </a>
            <div class="cols7 user_info pd_l0_4">
                <p class="name">{{info.user_name}}</p>
                <p class="phone">{{user_x_phone}}</p>
                <p class="vip info_tips bg_gold">{{info.grade_name}}</p>
            </div>
            <div class="cols3">
                <a href="javascript:void(0)" class="quit">退出登录</a>
            </div>
        </div>
        <div class="rows banking">
            <a class="cols4 elm balance" href="javascript:void(0)">
                <p class="tit"><span>0.00</span> 元</p>
                <p class="cnt">账户余额</p>
            </a>
            <a class="cols4 elm count" href="./count.html">
                <p class="tit"><span>{{info.cards==null?0:info.cards}}</span> 张</p>
                <p class="cnt">次卡</p>
            </a>
            <a class="cols4 elm coupon" href="./coupon.html">
                <p class="tit"><span>{{info.coupons==null?0:info.coupons}}</span> 张</p>
                <p class="cnt">优惠券</p>
            </a>
        </div>
        <p class="vipphone clearfix">院长专线<a class="float_r font_gold" href="tel:010-96889688">010-96889688</a></p>
    </div>
    <div class="viplistwrap viplistvue">
    <div class="session tabsession">
        <p class="tit">订单列表</p>
        <div class="tab">
            <p class="tabelm w_2_5 active" @click.stop="getlist(0)"><span class="tabcnt">已预约</span></p>
            <p class="tabelm w_2_5" @click.stop="getlist(1)"><span class="tabcnt">已完成</span></p>
            <p class="tabelm w_2_5" @click.stop="getlist(3)"><span class="tabcnt">待评价</span></p>
            <p class="tabelm w_2_5" @click.stop="getlist(2)"><span class="tabcnt">已取消</span></p>
        </div>
    </div>
    <div class="session listcnt" v-for="(inf,index) in info" :key="inf.booking_id" v-if="inf.status == curtab">
        <a :href="detailurl(inf.status)" @click="setListid(inf.booking_id)">
            <p class="tit rows nopd"><span class="cols10 odernum">预约编号：{{inf.booking_no}}</span><span class="tit_tips font_gold cols2">{{showState(inf.status)}}</span></p>
            <p class="cnt">预约门店：{{inf.subclinic_name}}</p>
            <p class="cnt">预约医师：{{inf.user_name}}</p>
            <p class="cnt">预约时间：{{inf.booking_time}}</p>
        </a>
        <div class="rows list_btn_group">
            <div class="cols6"></div>
            <div class="cols3" v-if="inf.status == 0 && (inf.booking_status == '0' || inf.booking_status == '1')">
                <a class="btn btn_sm btn_round bg_0 w_9" @click="cancelorder(inf.booking_id)" href="javascript:void(0)">取消预约</a>
            </div>
            <div class="cols3" v-if="inf.status == 1">
                <a class="btn btn_sm btn_round bg_0 w_9" v-if="inf.is_reply == 0" href="./evaluate.html" @click="setListid(inf.booking_id)">评价服务</a>
                <a class="btn btn_sm btn_round bg_0 w_9" v-else href="javascript:void(0)">已评服务</a>
            </div>
            <div class="cols3" v-if="inf.status == 2 || (inf.status == 0 && inf.booking_status != '0' && inf.booking_status != '1')"></div>
            <div class="cols3">
                <a class="btn btn_sm btn_round bg_0 w_9" href="javascript:void(0)">联系商家</a>
            </div>
        </div>
    </div>
    <div :class="{nodata:noData}">

    </div>       
    </div>       
</div> 
<div class="mark"></div>
<div class="pop">
    <div class="popcnt"><p>文本?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="cols6 popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="cols6 popbtn last ok"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div> 
</div>
<div class="mark"></div>
<div class="pop quitvippop">
    <div class="popcnt"><p>确定退出么?</p></div>
    <div class="popbtngroup rows nopd">
        <div class="popbtn cancel"><a href="javascript:void(0)" class="popcancel">取消</a></div>
        <div class="popbtn ok last"><a href="javascript:void(0)" class="popgo">确定</a></div>
    </div>
</div>
<div class="sliderwrap cancelorder">
    <div class="cancelordercnt">
        <ul>
            <li><a href="javascript:setCancel(4)">计划变更</a></li>
            <li><a href="javascript:setCancel(5)">信息填写错误</a></li>
            <li><a href="javascript:setCancel(6)">重复预约</a></li>
            <li><a href="javascript:setCancel(7)">预期的不一致</a></li>
            <li><a href="javascript:setCancel(8)">其他</a></li>
        </ul>
    </div>
    <div class="">
        <a class="btn btn_lg bg_gold w_10" href="javascript:cancelgo()">取消</a>
    </div>
</div> 
</div>
<div class="footer">
    <ul class="toolbar thirdbar">
        <li v-for="(inf,index) in info" :class="[inf.cls,{active:inf.active}]" @click="href(inf)"><a href="javascript:void(0)"><p>{{inf.tit}}</p></a></li>
    </ul>
</div>
</div>
<script src="./js/temp.js" type="text/javascript"></script> 
<script type="text/javascript">
$(function(){
})

// weixin_config({
//     timestamp:1446441224,
//     nonceStr:'8qT6nNGcGHjm5vba',
//     signature:'95c1f31039320eee7ba8f0667a3ba033ff292edc'
// })
</script>   
</body>
</html>